var CongNoMuaHang = {
    listDaiLy: [],
    LamMoi: function(){
        $('#txtTenDaiLy').prop('disabled', false).val('');
        $('#txtSoDienThoai').prop('disabled', false).val('');
        $('#txtDiaChi').prop('disabled', false).val('');
        $('#buttonThemDaiLy').prop('disabled', false);
        $('#buttonLamMoi').prop('disabled', true);
        $('#container').find('.highlight').removeClass('highlight');
    },

    ThemDaiLy: function(button){
        var TenDaiLy = $('#txtTenDaiLy');
        if (TenDaiLy.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Tên đại lý</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            TenDaiLy.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            TenDaiLy.focus();
            return;
        }

        var SoDienThoai = $('#txtSoDienThoai');
        if (SoDienThoai.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Số điện thoại</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            SoDienThoai.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            SoDienThoai.focus();
            return;
        }
        var DiaChi = $('#txtDiaChi');
        if (DiaChi.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Địa chỉ</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            DiaChi.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            DiaChi.focus();
            return;
        }

        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();
        $.post(QuanLyBanHangStatic.baseURL + 'DaiLy/TaoMoi', {daily: TenDaiLy.val(), diachi: DiaChi.val(), sodienthoai: SoDienThoai.val()}, function(data) {
            if (data) {
                button.prop('disabled', false);
                button.find('.fa-loading').hide();
                data = JSON.parse(data);
                console.log(data);
                var container = $('#container');
                var row = container.parent().find('.default-row').clone();
                row.removeClass('default-row');
                row.find('.congno').html(0);
                row.find('.stt').html('*');
                row.find('.daily').html(data.daily);
                row.find('.sodienthoai').html(data.sodienthoai);
                row.find('.diachi').html(data.diachi);
                row.attr('data-text', data.id);
                row.prependTo(container).show();
                row.effect('highlight', {color: '#ffd5ad'}, 600)
                    .effect('highlight', {color: '#ffd5ad'}, 600);
            }
        });

    },
    DanhSachDaiLy: function() {
        $.get(QuanLyBanHangStatic.baseURL + 'DaiLy/DanhSach', function(data) {
            data = JSON.parse(data);
            CongNoMuaHang.HienThiDanhSach(data);
            CongNoMuaHang.listDaiLy = data;
        });
    },
    HienThiDanhSach: function(data){
        var container = $('#container');
        container.html('');
        container.parent().find('.tr-loading').hide();
        var size = data.length;
        console.log(data);
        if (size > 0) {
            var defaultRow = container.parent().find('.default-row');
            for (var i = 0; i < size; i++) {
                var row = defaultRow.clone();
                row.removeClass('default-row');
                row.attr('data-text', data[i].id);
                row.find('.congno').html(data[i].congno);
                row.find('.stt').html(i + 1);
                row.find('.daily').html(data[i].ten);
                row.find('.sodienthoai').html(data[i].sodienthoai);
                row.find('.diachi').html(data[i].diachi);
                row.appendTo(container).show();
            }
            container.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
        } else {
            container.html('<tr colspan="4"><td style="text-align: center;">Chưa có danh sách đại lý</td></tr>')
        }
    },
    XemChiTiet: function(row) {
        row = $(row);
        row.parent().find('.highlight').removeClass('highlight');
        row.addClass('highlight');
        $('#txtTongNo').val(QuanLyBanHangStatic.numberWithCommas(row.find('.congno').html()));
        $('#txtMaDaiLy').val(row.attr('data-text'));

        $('#TenDaiLy').html(row.find('.daily').html());
        $('#txtSoTien').prop('disabled', false);
        $('#txtGhiChu').prop('disabled', false);
        $('#buttonGiaoDich').prop('disabled', false);

        $('#txtTenDaiLy').prop('disabled', true).val(row.find('.daily').html());
        $('#txtSoDienThoai').prop('disabled', true).val(row.find('.sodienthoai').html());
        $('#txtDiaChi').prop('disabled', true).val(row.find('.diachi').html());
        $('#buttonLamMoi').prop('disabled', false);
        $('#buttonThemDaiLy').prop('disabled', true);
        this.DanhSachGiaoDich(row.attr('data-text'));
    },
    TimDaiLy: function(txt, e){
        if (e.keyCode == 13){
            txt = $(txt);

            var search = txt.val();

            var result = this.listDaiLy.filter(function(obj){
                var regex = new RegExp(search, 'i');
                return (obj.ten.search(regex) != -1 || obj.sodienthoai.search(regex) != -1);
            });

            this.HienThiDanhSach(result);

        }
    },
    GiaoDich: function(button) {
        var SoTien = $('#txtSoTien');
        if (SoTien.val() == '' || SoTien.autoNumeric('get') == 0){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Số tiền</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            SoTien.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            SoTien.focus();
            return;
        }
        var GhiChu = $('#txtGhiChu');
        if (GhiChu.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Ghi chú</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            GhiChu.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            GhiChu.focus();
            return;
        }

        var id = $('#txtMaDaiLy').val();

        SoTien.prop('disabled', true);
        GhiChu.prop('disabled', true);

        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();

        $.post(QuanLyBanHangStatic.baseURL + 'DaiLy/GiaoDich', {daily: id, sotien: SoTien.autoNumeric('get'), ghichu: GhiChu.val()}, function(data) {
            data = JSON.parse(data);
            var container = $('#container-giaodich');
            var defaultRow = container.parent().find('.default-row');
            var row = defaultRow.clone();
            row.removeClass('default-row');
            row.find('.stt').html('*');
            row.find('.thoigian').html(data.thoigian);
            row.find('.sotien').html(QuanLyBanHangStatic.numberWithCommas(data.sotien));
            row.find('.ghichu').html(data.ghichu);
            row.prependTo(container).show();
            row.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);

            QuanLyBanHangStatic.changeMessage('Thông báo', 'Đã cập nhật xong');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            SoTien.prop('disabled', false).val(0);
            GhiChu.prop('disabled', false).val('');
            button.prop('disabled', false);
            button.find('.fa-loading').hide();

        });
    },
    DanhSachGiaoDich: function(daily) {
        var container = $('#container-giaodich');
        container.html('');
        var loading = container.parent().find('.tr-loading');
        loading.show();
        $.get(QuanLyBanHangStatic.baseURL + 'DaiLy/DanhSachGiaoDich/' + daily, function(data) {
            data = JSON.parse(data);
            CongNoMuaHang.HienThiGiaoDich(data);
            loading.hide();
        });
    },
    HienThiGiaoDich: function(data) {
        var container = $('#container-giaodich');
        container.html('');
        var defaultRow = container.parent().find('.default-row');
        var size = data.length;
        if (size > 0) {
            for (var i = 0; i < size; i++) {
                var row = defaultRow.clone();
                row.removeClass('default-row');
                row.find('.stt').html(i + 1);
                row.find('.thoigian').html(data[i].thoigian);
                row.find('.sotien').html(QuanLyBanHangStatic.numberWithCommas(data[i].sotien));
                row.find('.ghichu').html(data[i].ghichu);
                row.appendTo(container).show();
                row.effect('highlight', {color: '#ffd5ad'}, 600)
                    .effect('highlight', {color: '#ffd5ad'}, 600);
            }
        } else {
            container.html('<tr><td colspan="4" style="text-align: center;">Chưa có dữ liệu</td></tr>');
        }

    }
};